<header id="zHeader">
    <nav>
        <input type="hidden" id="lanage" value="zh">
        <div class="logo"><a href="/index" z-st="nav_logo"><img src="/front/zcool/images/logo.svg" width="120"   height="20" alt=""></a>

        </div>
        <div class="header-menu-bar">
            <div class="search-input-hull hide">
                <span class="search-ipt"></span>
                <input type="text" placeholder="" value="" id="nav-search-ipt">
                <span class="search-cancel"></span>
                <div id="search-content" class="search-content">
                    <div class="search-content-list"></div>
                </div>
            </div>
            <div class="hide">
                <span>更多作品/文章更多设计师</span>
            </div>

            <div class="menu-box">
                <ul class="menu-list-content">
                    <li class=""><a class="menu-list-box" href="/index" z-st="nav_tab_home">首页</a></li>
                    <li class="discover header-menu-withmore "><a class="menu-list-box" href="https://www.zcool.com.cn/discover" z-st="nav_tab_discover">发现<i class="drop-down-arrow"></i></a>
                        <div class="menu-list discover-box hide">
                            <div class="discover-box-list">
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/8!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_8">平面</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/17!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_17">UI</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/607!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_607">网页</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/1!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_1">插画</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/608!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_608">动漫</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/33!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_33">摄影</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/609!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_609">空间</a>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/499!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_499">工业/产品</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/24!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_24">三维</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/610!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_610">影视</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/611!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_611">手工艺</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/612!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_612">纯艺术</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/613!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_613">服装</a><i></i>
                                </div>
                                <div>
                                    <a href="https://www.zcool.com.cn/discover/44!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_44">其他</a>
                                </div>
                            </div>
                            <div class="discover-check-all">
                                <a href="https://www.zcool.com.cn/discover/0!3!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_allproduct">精选作品</a>
                                <a href="https://www.zcool.com.cn/discover/0!8!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_allarticle">精选文章</a>
                                <a href="https://www.zcool.com.cn/discover/collections/editors" z-st="nav_tab_discover_collections">精选收藏</a>
                            </div>
                        </div>
                    </li>

                    <li class="header-menu-withmore ">
                        <a class="menu-list-box" href="https://www.zcool.com.cn/job/?from=zcoolindex&position=index_nav" z-st="nav_tab_job">职位<i class="drop-down-arrow"></i></a>
                        <div class="menu-list hide">
                            <p><a href="https://www.zcool.com.cn/job/?from=zcoolindex&position=index_nav" z-st="nav_tab_job_job">职位</a></p>
                            <p><a href="https://www.zcool.com.cn/job/qiye?from=zcoolindex" z-st="nav_tab_job_company">公司</a></p>
                            <p><a href="https://www.zcool.com.cn/job/corp/publish.do?from=zcoolindex" z-st="nav_tab_job_publish">+发布职位</a></p>
                        </div>
                    </li>
                    <li class="special header-menu-withmore ">
                        <a class="menu-list-box" href="https://www.zcool.com.cn/event/main.do" z-st="nav_tab_event">活动<i class="drop-down-arrow"></i></a>
                        <div class="menu-list hide">
                            <p><a href="https://www.zcool.com.cn/event/eventlist.do" z-st="nav_tab_event_eventlist">设计大赛</a>
                            </p>
                            <p><a href="https://www.zcool.com.cn/special/speciallist.do" z-st="nav_tab_event_special">专题策划</a>
                            </p>
                            <p><a href="https://www.zcool.com.cn/activities/" z-st="nav_tab_event_acitvity">线上活动</a>
                            </p>
                            <p><a href="https://www.zcool.com.cn/special/fair.do" z-st="nav_tab_event_fair">线下活动</a>
                            </p>
                            <p><a href="https://www.zcool.com.cn/special/radiolist.do" z-st="nav_tab_event_fair">学习音频</a>
                            </p>
                        </div>
                    </li>
                    <li class="zhengban header-menu-withmore ">
                        <a class="menu-list-box" href="https://www.hellorf.com/?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=all" target="_blank" z-st="nav_tab_hellorf">正版素材<i class="drop-down-arrow"></i></a>
                        <div class="menu-list hide">
                            <p><a href="https://www.hellorf.com/?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=img" target="_blank" z-st="nav_tab_hellorf_hellorf">图片</a>
                            </p>
                            <p><a href="https://www.hellorf.com/video?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=video" target="_blank" z-st="nav_tab_hellorf_video">视频</a>
                            </p>
                            <p><a href="https://www.hellorf.com/font?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=font" target="_blank" z-st="nav_tab_hellorf_font">字体</a>
                            </p>
                            <p><a href="https://www.hellorf.com/music?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=music" target="_blank" z-st="nav_tab_hellorf_music">音乐</a>
                            </p>
                            <p><a href="https://contributor.hellorf.com/?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=contributor" target="_blank" z-st="nav_tab_hellorf_music">我要供图</a>
                            </p>
                        </div>
                    </li>
                    <li class="header-menu-withmore gogoup-course">
                        <a class="menu-list-box" href="//www.gogoup.com/?utm_source=zcool&utm_medium=navigate" target="_blank" z-st="nav_tab_more_gogoup">课程</a>
                        <div class="menu-list hide">
                            <p><a href="https://www.gogoup.com/events/2020xinchun?utm_source=zcool&utm_medium=zzrx" target="_blank" z-st="nav_tab_gogoup">正在热销</a></p>
                            <p><a href="https://www.gogoup.com/reputation/0?utm_source=zcool&utm_medium=kbhk" target="_blank" z-st="">口碑好课</a></p>
                        </div>
                    </li>
                    <li class="header-copyright header-menu-withmore">
                        <a class="menu-list-box" href="https://datayi.cn/w/Yo1vKbQ9" target="_blank">版权保护</a>
                        <div class="menu-list hide">
                            <p><a href="https://datayi.cn/w/korgYw39" target="_blank">区块链存证</a></p>
                            <p><a href="https://datayi.cn/w/nP2l2ed9" target="_blank">版权登记</a></p>
                            <p><a href="https://datayi.cn/w/woVLOq5R" target="_blank">侵权维权</a></p>
                        </div>
                    </li>
                    <li class="more-menu header-menu-withmore ">
                            <span class="menu-tit-box" id="header-more" z-st="nav_tab_more"><i></i>
                            <sup class="subnav-dot-sup" style="left: 40px;"></sup>
                            </span>
                        <div class="menu-list hide">
                            <p>
                                <a href="https://www.zcool.com.cn/designer" z-st="nav_tab_designer">设计师</a>
                            </p>
                            <p>
                                <a href="https://www.zcool.com.cn/top/index.do" id="header-more-top" z-st="nav_tab_more_top">榜单</a>
                                <sup class="subnav-dot-sup" style="left: 48px;bottom: 22px;top: 62px;"></sup>
                            </p>
                            <p>
                                <a href="https://www.zcool.com.cn/appdown" target="_blank" z-st="nav_tab_more_app">站酷APP</a>
                            </p>
                            <p>
                                <a href="https://www.zcool.com.cn/special/zcoolfonts/" target="_blank" z-st="nav_tab_more_app">站酷字库</a>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="search" z-st="nav_searchbox">
            <i></i>
        </div>
        <div class="user-center">
            <div class="header-upload js-header_upload">
                <a href="javascript:;" data-upload="https://my.zcool.com.cn/uploadProduct" class="upload-link" z-st="nav_upload"></a>
            </div>
            <ul class="login hide">
                <li class="message">
                    <a href="/messages/notice"  class="message-list" z-st="nav_msgbox"><i></i></a>
                    <div class="menu-list message-box hide">
                        <section>消息盒 <span id="clean-box-msg" class="clean-box-msg" z-st="nav_msgbox_clean">清空 </span></section>
                        <div id="contetn-2" class="message-box-list-wrapper">
                            <ul class="message-box-list">
                            </ul>
                        </div>
                        <a href="/messages/notice" class="check-all" z-st="nav_msgbox_all">查看全部 </a>
                    </div>
                </li>
                <li class="user"></li>
                <script id="user-info" type="text/html">
                    <div class="avatar-container-30">
                        <a href="{{data.pageUrl}}" class="user-list" id="header-logined-user-face" z-st="nav_userbox_face"><img src="{{data.avatar}}" title="{{data.username}}" alt="{{data.username}}"></a>
                        {{if data.memberType == 1}}
                        <div class="company-honor mt18 mr19"><img src="https://static.zcool.cn/git_z/z/images/svg/honor_authen.svg?v=3" title="企业认证用户" alt=""></div>
                        {{else if data.memberType == 2}}
                        <div class="company-honor mt18 mr19"><img src="https://static.zcool.cn/git_z/z/images/svg/honor_authen.svg?v=3" title="工作室认证用户" alt=""></div>
                        {{/if}}
                    </div>
                    <div class="menu-list user-box hide">
                        <section><a href="{{data.pageUrl}}" z-st="nav_userbox_name">{{data.username}}</a></section>
                        <div class="user-box-list">
                            <div class="user-box-list-area">
                                <p class="works-manange"><a href="https://my.zcool.com.cn/focus/activity" id="usercenter-menu-focus" z-st="nav_userbox_focus">我的关注</a></p>
                                <p class="works-manange"><a href="https://my.zcool.com.cn/products" z-st="nav_userbox_products">我的创作</a></p>
                                <p class="works-manange"><a href="https://my.zcool.com.cn/collections" z-st="nav_userbox_favorites">我的收藏</a></p>
                                <p class="works-manange"><a href="https://my.zcool.com.cn/teams" z-st="nav_userbox_team">我的团体</a></p>
                            </div>
                            <div class="user-box-list-area">
                                {{if data.memberType == 1}}
                                <p class="works-manange"><a href="https://www.zcool.com.cn/job/mypreview.do" z-st="nav_userbox_resume">我的招聘</a></p>
                                {{else if data.memberType == 2}}
                                <p class="works-manange"><a href="https://www.zcool.com.cn/job/mypreview.do" z-st="nav_userbox_resume">我的招聘</a></p>
                                {{else}}
                                <p class="works-manange"><a href="https://www.zcool.com.cn/job/mypreview.do" z-st="nav_userbox_resume">我的简历</a></p>
                                {{/if}}
                                <p class="works-manange"><a href="/setting" z-st="nav_userbox_setting" id="usercenter-menu-account-focus">资料与账号</a></p>
                            </div>
                            <div class="user-box-list-area">
                                <p class="works-manange"><a onclick="deleteUidToCookie()" href="/logout" z-st="nav_userbox_logout">退出</a></p>
                            </div>
                        </div>
                    </div>
                </script>
            </ul>
            <ul class="unlogin">
                <li><a href="/login"  class="nav-unlogin">登录<i></i></a>
                    <a href="/register">注册</a></li>
            </ul>
        </div>
        <div style="display:none;"><span>header_v1.7.40</span></div>
    </nav>
</header>